<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>zhu ye</title>
</head>
<body>
    <div class="boss">
        <div class="first">
            <div class="ft-left">
                <img src="./img/星球.png">
                <img src="./img/沙发.png">
                <img src="./img/消息.png">
                <img src="./img/首页.png">
            </div>
            <div class="ft-right">
                <img src="./img/用户.png">
                <span>ContacUst@Gmail.com</span>
            </div>
        </div>
        <div class="biaoti">
            <div class="biao-left"><img src="./img/97.jpg"></div>
            <div class="biao-right">
                <ul>
                    <li><a href="£">HOME</a></li>
                    <li><a href="£">BLOG</a></li>
                    <li><a href="£">ABOUT US</a></li>
                    <li><a href="£">CONTACT</a></li>
                </ul>
            </div>
        </div>
        <div style="background-image:url('./img/null-9d6ed09a580952.jpg');" class="bigimg">
            <div class="bigimg-1">
                <h1>SEE THE WORD DIFFERENTLY</h1>
                <p>Requset design and book travel experiences as unique as you are</p>
                <div class="sousuo">
                    <input value="Where are you going?" />
                    <button><img src="./img/搜索.png"> Search</button>
                </div>
                <div class="bigimg-2">
                    <span>TOP DESTINATION:</span>
                    <ul>
                        <li><a href="#">PARIS</a></li>
                        <li><a href="#">NEW YORK</a></li>
                        <li><a href="#">LONDON</a></li>
                        <li><a href="#">ROME</a></li>
                        <li><a href="#">SAN FRANCISCO</a></li>
                        <li><a href="#">MORE</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="boss2">
            <div class="boss2-1">
                <div class="boss2-1-1">
                    <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                    <p>Civita di Bagnoregio,Italia</p>
                    <div class="boss2-last">
                        <p>Aril 14,2015</p>
                        <p>Uploaded by <span>John Doe</span></p>
                    </div>
                </div>
                <div class="boss2-1-1">
                    <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                    <p>Civita di Bagnoregio,Italia</p>
                    <div class="boss2-last">
                        <p>Aril 14,2015</p>
                        <p>Uploaded by <span>John Doe</span></p>
                    </div>
                </div>
                <div class="boss2-1-1">
                    <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                    <p>Civita di Bagnoregio,Italia</p>
                    <div class="boss2-last">
                        <p>Aril 14,2015</p>
                        <p>Uploaded by <span>John Doe</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="boss3">
            <div class="biaotou">
                <span>ABOUTUS</span>
                <div class="gang"></div>
            </div>
            <p>Requset design and book travel experiences as unique as you are.Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
            <div class="boss3-2">
                <div>
                    <img src="./img/cf1ee1a24a5c2242ac308b884a049df.jpg">
                    <h3>Lorem ipsum dolor</h3>
                    <p>Requset design and book travel experiences as unique as you are.Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
                </div>
                <div>
                    <img src="./img/cf1ee1a24a5c2242ac308b884a049df.jpg">
                    <h3>Lorem ipsum dolor</h3>
                    <p>Requset design and book travel experiences as unique as you are.Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
                </div>
                <div>
                    <img src="./img/cf1ee1a24a5c2242ac308b884a049df.jpg">
                    <h3>Lorem ipsum dolor</h3>
                    <p>Requset design and book travel experiences as unique as you are.Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
                </div>
            </div>
            <div style="margin: 0 auto; width: 10%; margin-top: 20px;"><button style="color: white; text-align:center; border-radius: 20px; background-color: orange; border: none; padding: 15px;">MORE</button></div>
        </div>
        <div class="boss4">
            <img src="./img/d163e9a321014764f105fff2ed2c42e.jpg" style="width: 100%;">
        </div>
        <div class="boss5">
            <div class="biaotou">
                <span>ABOUTUS</span>
                <div class="gang"></div>
            </div>
            <p>Requset design and book travel experiences as unique as you are.Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
            <div class="boss3-2">
                <div>
                    <img src="./img/84c09071aa6299a5bb09bca2aaec229.jpg">
                    <h2>Henderit Mauris</h2>
                    <p>Requset design and book travel experiences as unique </p>
                </div>
                <div>
                    <img src="./img/84c09071aa6299a5bb09bca2aaec229.jpg">
                    <h2>Henderit Mauris</h2>
                    <p>Requset design and book travel experiences as unique</p>
                </div>
                <div>
                    <img src="./img/84c09071aa6299a5bb09bca2aaec229.jpg">
                    <h2>Henderit Mauris</h2>
                    <p>Requset design and book travel experiences as unique</p>
                </div>
                <div>
                    <img src="./img/84c09071aa6299a5bb09bca2aaec229.jpg">
                    <h2>Henderit Mauris</h2>
                    <p>Requset design and book travel experiences as unique </p>
                </div>
                <div>
                    <img src="./img/84c09071aa6299a5bb09bca2aaec229.jpg">
                    <h2>Henderit Mauris</h2>
                    <p>Requset design and book travel experiences as unique </p>
                </div>
                <div>
                    <img src="./img/84c09071aa6299a5bb09bca2aaec229.jpg">
                    <h2>Henderit Mauris</h2>
                    <p>Requset design and book travel experiences as unique</p>
                </div>
            </div>
        </div>
        <div class="boss6">
            <img src="./img/d163e9a321014764f105fff2ed2c42e.jpg" style="width: 100%;">
        </div>
        <div class="boss7">
            <div class="b7-left">
                <div class="b7left-top">
                    <div class="b7ltl"><img src="./img/null-9d6ed09a580952.jpg"></div>
                    <div class="b7ltr"><h2>Nam libero tempore,cumsoluta nobis</h2>
                    <p style="font-weight: bold;">by<span style="color: orange;">Danay</span>on April 14,2015</p><p>Requset design and book travel experiences as unique as you are.Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world</p>
                    </div>
                </div>
                <div class="b7left-bottm">
                    <div class="b7lb-1">
                        <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                        <p>这玩意很漂亮，翻译是这么说的</p>
                    </div>
                    <div class="b7lb-1">
                        <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                        <p>这玩意很漂亮，翻译是这么说的</p>
                    </div>
                    <div class="b7lb-1">
                        <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                        <p>这玩意很漂亮，翻译是这么说的</p>
                    </div>
                </div>
            </div>
            <div class="b7-right">
                <div class="hang">
                    <span style="color: black;">Latest News</span>
                </div>
                <div class="b7-r1">
                    <ul>
                        <li><a href="#">I bet you can't translate. I'm handsome, aren't I</a></li>
                        <li><a href="#">I bet you can't translate. I'm handsome, aren't I</a></li>
                        <li><a href="#">I bet you can't translate. I'm handsome, aren't I</a></li>
                        <li><a href="#">I bet you can't translate. I'm handsome, aren't I</a></li>
                        <li><a href="#">I bet you can't translate. I'm handsome, aren't I</a></li>
                        <li><a href="#">I bet you can't translate. I'm handsome, aren't I</a></li>
                        <li><a href="#">I bet you can't translate. I'm handsome, aren't I</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="last">
            <div class="last-1">
                <img src="./img/97.jpg">
                <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
            </div>
            <div class="last-1">
                <div class="hang">
                    <span>NEWS LETTER</span>
                </div>
                <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
                <input value="Enter your email address...">
                <button>SUBCRIBE NOW</button>
            </div>
            <div class="last-1">
                <div class="hang">
                    <span>NEWS LETTER</span>
                </div>
                <div class="last-img">
                    <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                    <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                    <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                    <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                </div>
            </div>
            <div class="last-2">
                <p>Copyright @ 2015cOMPANY NAME aLL RIGHTS RESERVED.氢设计</p>
            </div>
        </div>
    </div>
 
</body>
</html>